@use '@angular/material' as mat;


@mixin ngm-markdown-color($config-or-theme) {
  $config: mat.get-color-config($config-or-theme);
  $foreground: map-get($config, foreground);
  $primary: map-get($config, primary);

  .ngm-markdown {
    pre {
      background-color: whitesmoke;
      border-radius: 5px;
      border: 5px solid transparent;
      border-bottom: 0;
    }

    code {
      background-color: whitesmoke;
      border-radius: 3px;
      padding: 0 3px;
    }
  }
}

@mixin ngm-markdown-density($config-or-theme) {
}

@mixin ngm-markdown-theme($theme-or-color-config) {
  $theme: mat-private-legacy-get-theme($theme-or-color-config);
  @include mat-private-check-duplicate-theme-styles($theme, 'ngm-markdown') {
    $color: mat.get-color-config($theme);
    $density: mat.get-density-config($theme);
    $typography: mat-get-typography-config($theme);

    @if $color != null {
      @include ngm-markdown-color($color);
    }
    @if $density != null {
      @include ngm-markdown-density($density);
    }
    // @if $typography != null {
    //   @include mat.button-toggle-typography($typography);
    // }
  }
}
